<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        textarea {
            width: 500px;
            height: 200px;
            font-size: 18px;
        }
    </style>
</head>

<body>
    <div class="box">
        <textarea name="" id="">欢迎申请使用传智公司及其他合作运营主体(下列简称为“传智公司”或“传智”)提供的服务。请您(下列统称为“用户”)仔细阅读以下全部内容(特别是粗体下划线标注的内容)。
シ
如用户不同意本服务条款任意内容，请勿注册或使用传智服务。如用户通过进入注册程序并勾选“我同意传智邮箱帐号服务条款”，即表示用户与传智公司已达成协议，自愿接受本服务条款的所有内容。此后，用户不得 欢迎申请使用传智公司及其他合作运营主体(下列简称为“传智公司”或“传智”)提供的服务。请您(下列统称为“用户”)仔细阅读以下全部内容(特别是粗体下划线标注的内容)。
シ
如用户不同意本服务条款任意内容，请勿注册或使用传智服务。如用户通过进入注册程序并勾选“我同意传智邮箱帐号服务条款”，即表示用户与传智公司已达成协议，自愿接受本服务条款的所有内容。此后，用户不得</textarea>
    </div>
    <button>已阅读用户协议（60）</button>
    <script>
        const btn = document.querySelector('button')
        let num = 60
        function add() {
            btn.disabled = true
            btn.innertext = `已阅读用户协议（${num}）`
            num--
            if (num > 0) {
                btn.textContent = `已阅读用户协议（${num}）`
            } else {
                clearInterval(timer)
                btn.disabled = false
                btn.textContent = '已阅读用户协议'
            }
        }
        const timer = setInterval(add, 1000)
    </script>
</body>